<!doctype html>
<!--
@license
Copyright (c) 2015 The Polymer Project Authors. All rights reserved.
This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt
The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt
Code distributed by Google as part of the polymer project is also
subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt
-->
<html>
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, minimum-scale=1.0, initial-scale=1.0, user-scalable=yes">
    <title>timerange-picker Demo</title>
    <script src="../../../bower_components/webcomponentsjs/webcomponents-lite.min.js"></script>
    <link rel="import" href="../timerange-picker.html">
  </head>
  <body unresolved>

    <!-- <button id="saybtn">Time range</button> -->
    <timerange-picker> <!-- author='{"name": "Lord Meowser", "image": "http://lorempixel.com/g/300/200/cats/"}' fancy -->

    </timerange-picker>
    <script>
      // var seedElement = document.querySelector('timerange-picker');
      //
      // document.querySelector('#saybtn').addEventListener('click', function() {
      //   // alert(seedElement.sayHello('Hallo!'));
      // });

      // document.querySelector('#laserbtn').addEventListener('click', function() {
      //   seedElement.fireLasers();
      // });

      document.addEventListener("timerange-picker-lasers", function(e) {
        console.log(e.detail.sound);
      });

    </script>

  </body>
</html>
